forum

home / developersection / forums / bootstrap 3 date picker not work why?

Ask Question

Bootstrap 3 Date picker Not work why?

Anonymous User 3328 05-Oct-2014
I'm using bootstrap 3 i want to make date picker of bootstrap this is my code
<div class="container">
    <div class="col-md-2">
        <label>Date Of Birth</label>
    </div>
    <div class="col-md-4">
        <div class="form-group">
            <input type='text' class="form-control" id='datetimepicker4' />
            <span class="add-on">
                <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
            </span>
        </div>
    </div>
</div>

script code here:

<script type="text/javascript">
    $(function () {
        $('#datetimepicker4').datetimepicker({
            pickTime: false
        });
    });
</script>

but this code is not work properly

bootstrap css-css3  bootstrap 
Updated on 05-Oct-2014
Anonymous User

Other

I am a content writter !

Follow
Can you answer this question?
Answer

1 Answers

Anonymous User

Anonymous User

05-Oct-2014
try this code
<div class="container">
    <div class="row">
        <div class="col-md-2">
            <label>Date of Birth</label>
        </div>
        <div class='col-sm-3'>
            <div style="width: 100%;" class="input-group date
form_date col-md-12" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                <input type="text" class="form-control" readonly="true" />
                <span class="input-group-addon"><span class="glyphicon
glyphicon-calendar"></span></span>
            </div>
            <input type="hidden" id="dtp_input2" value="" />
        </div>
    </div>
</div>

script code:

<script>
    $(function () {
        $('.form_date').datetimepicker();
    });
</script>

MindStick Training
MindStick Training

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy